﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="register.aspx.cs" Inherits="register" %>
<!DOCTYPE html>
<html lang="zh">
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
<script type="text/javascript" src="Scripts/jquery-1.6.min.js"></script>
<script src="Scripts/cufon-yui.js" type="text/javascript"></script>
<script src="Scripts/cufon-replace.js" type="text/javascript"></script>
<script src="Scripts/Open_Sans_400.font.js" type="text/javascript"></script>
<script src="Scripts/Open_Sans_Light_300.font.js" type="text/javascript"></script> 
<script src="Scripts/Open_Sans_Semibold_600.font.js" type="text/javascript"></script> 
<script src="Scripts/FF-cash.js" type="text/javascript"></script>  
<!--[if lt IE 7]>
	<div style=' clear: both; text-align:center; position: relative;'>
		<a href="http://www.microsoft.com/windows/internet-explorer/default.html?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/Images/upgrade.jpg" border="0"  alt="" /></a>
	</div>
<![endif]-->
<!--[if lt IE 9]>
	<script type="text/javascript" src="Scripts/html5.js"></script>
	<link rel="stylesheet" href="Content/ie.css" type="text/css" media="screen">
<![endif]-->
</head>
<body id="page5">
  
<!-- header -->
	<div class="bg">
		<div class="main">
			<header>
				<div class="row-1">
					<h1>
						<a class="footer-logo" href="index.html" style="color: #FFFFFF; font-size: 60px;text-decoration:none">Viki.com</a>
						<strong class="slog">The most creative talk</strong>
					</h1>
					<form id="login-form" action="Default.html" method="post">
                      <label style="padding-right: 8px; font-family: Gungsuh; font-size: medium;">用户名:</label><input type="text" name="uname"/><br>
                       <label style="padding-right: 24px; font-family: Gungsuh; font-size: medium;">密码:</label><input type="text" name="pw" />
                       
                       <button class="buttonstyle" type="button" onclick="window.location='individual_center.html'">登录</button>
                       <button class="buttonstyle" type="button" onclick="window.location='register.html'">注册</button>
                    </form>
                    
				</div>
				<div class="row-2">
					<nav>
						<ul class="menu">
						  <li><a href="index.html">首页</a></li>
						  <li><a href="news.html">新闻快报</a></li>
						  <li><a href="services.html">服务&外教</a></li>
						  <li><a href="test.html">水平自测</a></li>
						  <li class="last-item"><a href="contacts.html">联系我们</a></li>
						</ul>
					</nav>
				</div>
			</header>
<!-- content -->
         <div class="ic">More Website Templates @ <a href="http://www.cssmoban.com/" >viki</a>!</div>
			<section id="content">
				<div class="padding">
					<div class="wrapper margin-bot">
						<div class="col-3">
							<div class="indent">
								<h2 class="p0">会员注册</h2>
								<form  runat="server" method="post">
                                	<div class="regist-left">
                                    	<asp:label ID="registlabel1" class="regist-label-1" runat ="server" ><span class="icon-must">*</span>邮箱:</asp:label><asp:TextBox ID ="registemail" runat ="server" size="30" style="height:27px; padding:0px;"/><br /><br/>
                                        <asp:label ID ="registlable2" class="regist-label-2" runat ="server" ><span class="icon-must">*</span>密码:</asp:label><asp:TextBox ID ="registpw1" runat ="server"  size="30" style="height:27px; padding:0px;"/><br /><br />
                                        <asp:label ID="registlabel3" class="regist-label-3" runat="server"><span class="icon-must">*</span>确认密码:</asp:label><asp:TextBox ID ="registpw2" runat="server"  size="30" style="height:27px; padding:0px;"/><br /><br />
                                        <asp:label ID="registlabel4" class="regist-label-4" runat ="server"><span class="icon-must">*</span>英文名:</asp:label><asp:TextBox ID ="registuname1" runat="server" size="30" style="height:27px; padding:0px;"/><br /><br /><br/><br/>
                                        <asp:label ID="registlabel5" class="regist-label-5" runat="server"><asp:Checkbox ID ="agree" runat ="server" type="checkbox"  name="" Text="同意VIKI服务使用协议"/> <a href="http://passport.sohu.com/web/serviceitem.jsp" target="_blank" style="text-decoration:none">用户注册协议</a>
                    </asp:label>
                                        <asp:Button  ID ="RegistButton"
                                            class="registButton" type="button" onClick="RegistButton_Click" runat="server" Text="立即注册"></asp:Button>
                                   	</div>
                					<div class="regist-right"><!--<img src='Images/regist-img2.png'/>-->
			                        	<ul><li style="float:left;">已有VIKI帐号？&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.html" style="text-decoration:none">立即登录</a><br /><br/>
			      				      	通过其他帐号登录：<br />
				     					<ul style="margin:30px 0 0 0;">
					    					<li><a href="https://api.weibo.com/oauth2/authorize?client_id=3633189220&redirect_uri=http://www.51talk.com/app_login/callback.php&response_type=code" target="_blank" rel="nofollow"><img style="float:left;" src="Images/weibo_login.png" alt="新浪微博登录" title="新浪微博登录"></a><br /> 
						                   <a href="../app_login/qq/qq_login.php.html" target="_self" rel="nofollow"><img style="float:left; margin-top:10px;" src="Images/qq_login.png" alt="QQ登录" title="QQ登录"></a></li></ul>
					 				  </li></ul>
                                   </div> 
            					</form>
							</div>
						</div>
					</div>
					<div class="box-bg">
						<div class="wrapper">
							<div class="col-1">
								<div class="box first">
									<div class="pad">
										<div class="wrapper indent-bot">
											<strong class="numb img-indent2">01</strong>
											<div class="extra-wrap">
												<h3 class="color-1"><strong>选择</strong>外教</h3>
											</div>
										</div>
										<div class="wrapper">
											<a class="button img-indent-r" href="#">>></a>
											<div class="extra-wrap">
                                                您可以选择想要交流的外籍教师。	
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-1">
								<div class="box second">
									<div class="pad">
										<div class="wrapper indent-bot">
											<strong class="numb img-indent2">02</strong>
											<div class="extra-wrap">
												<h3 class="color-2"><strong>支付</strong>服务</h3>
											</div>
										</div>
										<div class="wrapper">
                                            <a class="button img-indent-r" href="#">>></a>
											<div class="extra-wrap">
                                                支付您选择的外教所需的费用。买下服务，您就可以开始交流啦。
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-2">
								<div class="box third">
									<div class="pad">
										<div class="wrapper indent-bot">
											<strong class="numb img-indent2">03</strong>
											<div class="extra-wrap">
												<h3 class="color-3"><strong>开始</strong>交流</h3>
											</div>
										</div>
										<div class="wrapper">
											<a class="button img-indent-r" href="#">>></a>
											<div class="extra-wrap">
                                                您现在可以和外教用英语交流了。马上开始提高英语吧！
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
<!-- footer -->
			<footer>
				<div class="row-top">
					<div class="row-padding">
						<div class="wrapper">
							<div class="col-1">
								<h4>地址:</h4>
								<dl class="address">
									<dt><span>国家:</span>中国</dt>
									<dd><span>城市:</span>北京</dd>
									<dd><span>地址:</span>北京交通大学</dd>
									<dd><span>邮箱:</span><a href="#">bjtuviki@mail.com</a></dd>
								</dl>
							</div>
							<div class="col-2">
								<h4>关注我们:</h4>
								<ul class="list-services">
									<li class="item-1"><a href="#">Facebook</a></li>
									<li class="item-2"><a href="#">Twitter</a></li>
									<li class="item-3"><a href="#">LinkedIn</a></li>
								</ul>
							</div>
							<div class="col-3">
								<h4>选择我们:</h4>
								<ul class="list-1">
									<li>专业交流</li>
									<li>外教团队</li>
									<li>自动翻译</li> 
									<li>多样服务</li>
								</ul>
							</div>
							<div class="col-4">
								<div class="indent3">
									<strong class="footer-logo">Viki.<strong>com</strong></strong>
									<strong class="phone"><strong>免费咨询:</strong>1-800-567-8934</strong>
                                     <a href="https://itunes.apple.com/cn/app/he-wai-jiao-liao-tian-ji-dan-ci/id668499991?mt=8" target="_blank">
                                    	<img src="Images/ios-app.png" ></a>
                                    <a href="https://itunes.apple.com/cn/app/he-wai-jiao-liao-tian-ji-dan-ci/id668499991?mt=8" target="_blank">
                                    	<img src="Images/android-app.png"></a> 
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row-bot">
					<div class="aligncenter">
						<p class="p0"><a rel="nofollow" href="http://www.cssmoban.com/" target="_blank">Website Template</a>  </p>
						Collect from <a href="http://www.cssmoban.com/" title="��ҳģ��" target="_blank">viki</a><br>
						<!-- {%FOOTER_LINK} -->
					</div>
				</div>
			</footer>
		</div>
	</div>
      
</body>
</html>

